<template>
	<view class="content">
		<toobar :index="index" :title="title"></toobar>
		<view class="page-content">
		<index v-show="index == 0"></index>
		<hot v-show="index == 1"></hot>
		<bag v-show="index == 2"></bag>
		</view>
	</view>
</template>

<script>
import toobar from '@/pages/components/toolbar.vue';
import index from '@/pages/index/index.vue';
import bag from '@/pages/bag/index.vue';
import hot from '@/pages/hot/index.vue';

export default {
	data() {
		return {
			index: 0,
			title: '百益微改'
		};
	},
	onLoad() {},
	methods: {
		openIndex() {
			this.index = 0;
			this.title = '百益微改';
		},
		openHot() {
			this.index = 1;
			this.title = '热改楼盘';
		},
		openBag() {
			this.index = 2;
			this.title = '拎包入住';
		}
	},
	components: { index, hot, bag, toobar }
};
</script>

<style>
.content {
	box-sizing: border-box;
	width: 100vw;
	height: 100hw;
}
toobar {
	z-index: 333;
	width: 100%;
	position: fixed;
}
.page-content{
	padding-top: 160rpx;
}
</style>
